/**
 *
 * @authors 前端小灰狼
 * @date    2020-12-10 16:48:28
 * @version v1.0
 * @description the core js of todolist project
 *
 * ━━━━━━神兽出没━━━━━━
 * 　　   ┏┓　 ┏┓
 * 　┏━━━━┛┻━━━┛┻━━━┓
 * 　┃              ┃
 * 　┃       ━　    ┃
 * 　┃　  ┳┛ 　┗┳   ┃
 * 　┃              ┃
 * 　┃       ┻　    ┃
 * 　┃              ┃
 * 　┗━━━┓      ┏━━━┛ Code is far away from bugs with the animal protecting.
 *       ┃      ┃     神兽保佑,代码无bug。
 *       ┃      ┃
 *       ┃      ┗━━━┓
 *       ┃      　　┣┓
 *       ┃      　　┏┛
 *       ┗━┓┓┏━━┳┓┏━┛
 *     　  ┃┫┫　┃┫┫
 *     　  ┗┻┛　┗┻┛
 *
 * ━━━━━━感觉萌萌哒━━━━━━
 */

 // 获取上面添加的文本框
var title = document.querySelector('#title');
// 获取正在进行ol
var todolist = document.querySelector('#todolist');
// 给文本框添加键盘事件
title.onkeydown = function(){
    // 获取键盘码
    var e = window.event;
    var keycode = e.keyCode || e.which;
    // 判断按的是否是回车键
    if(keycode === 13){
        // 获取输入的值
        // console.log(this.value);
        // 创建li
        var li = document.createElement('li')
        todolist.appendChild(li)
        // 创建复选框放在li中
        var checkbox = document.createElement('input')
        checkbox.type = 'checkbox'
        li.appendChild(checkbox)
        // 创建p标签
        var p = document.createElement('p')
        p.innerText = this.value;
        li.appendChild(p)
        // 创建a标签，放在li中
        var a = document.createElement('a')
        a.setAttribute('href', 'javascript:;')
        a.innerText = '-'
        li.appendChild(a)
        // 清空文本框内容
        this.value = '';
        // 调用数数函数
        count()
    }
}
// 获取已经完成的ul
var donelist = document.querySelector('#donelist');
// 利用事件委托 - 给复选框/p/a绑定单击事件
click(todolist, donelist)
click(donelist, todolist)
function click(ele, targetNode){
    ele.onclick = function(){
        // 获取更具体的目标元素
        var e = window.event;
        var target = e.target || e.srcElemenet;
        if(target.tagName === 'INPUT' && target.getAttribute('type') === 'checkbox'){
            targetNode.appendChild(target.parentElement)
            // 调用数数函数
            count()
        }else if(target.tagName === 'P'){
            var str = '<input type="text" value="'+target.innerText+'">'
            target.innerHTML = str;
            target.firstElementChild.onblur = function(){
                target.innerText = this.value;
            }
        }else if(target.tagName === 'A'){
            // if(confirm("你确定要残忍删除吗？")){
                target.parentElement.parentElement.removeChild(target.parentElement)
                // 调用数数函数
                count()
            
        }
    }
}
// 删除全部
// document.querySelector('#delAll').onclick = function(){
//     if(confirm('你确定要全部清空吗？')){
//         todolist.innerHTML = donelist.innerHTML = '';
//         count()
//     }
    
// }
// 统计次数
function count(){
    document.querySelector('#todocount').innerText = todolist.children.length
    document.querySelector('#donecount').innerText = donelist.children.length
}
/* localIp()
function localIp(){
    const xhr = new XMLHttpRequest()
    xhr.open('get','/huier')
    xhr.onload=function(res){
        console.log(res);
    }
    xhr.send()
} */
fun()
async function fun() {

    const res = await $.ajax({
        url: '/huier',
    })
    console.log(res)
}